مرجع آموزش طراحی سایت

رنگ های متفاوت می‌توانند احساسات مختلفی را نیز پدید آورند.با دیدن بعضی از رنگ ها شم وقار می کنیم و دیدن برخی دیگر طراحی سایت احساس هیجان را به ما منتقل می کند. حتی رنگ ها می توانند در شور یا غمگین کردن ما تاثیر داشته باشند.به این ترتیب گزینش رنگ در مواردی که قصد داریم بهترین تاثیر را بر کاربر خود گذاشته یا بهترین موقعیت را از خود نمایش دهیم مداقه زیادی پیدا می کند. یکی این موردها گزینش رنگ مناسب برای طراحی سایت می‌باشد.

اما دقت به این نکته ضروری می‌باشد که تمامی اشخاص به یک اندازه پایین تاثیر رنگ ها قرار نمی گیرند یا فرایند تاثیر رنگ در مواردی مانند طراحی وب به گونه ای نیست که سبب ساز معجزه در ترغیب مخاطب یا دستکاری ذهن افراد گردد.فعالیت های ذهن بسیار بغرنج تر از آن است که از طریق تعدادی رنگ خاص بتوان آن را مبتلا تغییرات اساسی کرد. البته مورد اینجاست که تاثیر رنگ ها بر ایجاد انواع احساسات امری ثابت شده است و احساسات نیز بصورت ناخوادگاه در تصمیم گیری افراد اثر گذار می‌باشد.اینکه شخصی طراحی وب سایت شمارا دوست داشته باشد یا نه قادر است روی میزان احتمال تمایل به همکاری با شما تاثیر بگذارد هرچند این تاثیر ممکن می‌باشد در بعضا افراد بسیار ناچیز باشد با این اکنون در نظر نگرفتن همین تاثیر اندک نیز کاری غلط هست.

انتخاب رنگ مناسب در ساخت سایت قادر است روی کارکرد آن و بر روی شناسایی برند و نام تجاری تاثیر بدون واسطه داشته باشد. کافی می باشد به وبسایت های فیسبوک (رنگ آبی رنگ ) ، کوکاکولا (رنگ قرمز‌رنگ) ویا تارنما شرکت اپل (رنگ سفید و سیاه) نگاهی بیاندازید تا متوجه سرمایه گذاری این شرکت روی برندسازی و استحکام نام تجاری از طریق طرز تعیین و بکارگیری رنگ در ساخت وب سایت شوید.

گزینش رنگ مناسب هنگام طراحی وب سایت تاثیر بسیار زیادی روی نحوه خوانده شدن اطلاعات و محتوای آن نیز داراست و از این رو نباید از آن غافل گشت

اطلاعات شالوده در امر رنگ

در ابتدا اجازه دهید یه خرده درباره‌ی رنگ و خصوصیات آن سخن کنیم. کلیه ما رنگ های مهم (Primary) و رنگ های ثانوی (Secondary) را می شناسیم.رنگ های قرمز ، آبی رنگ و رنگ زرد های مهم محسوب می‌شوند و رنگ های ثانوی نیز رنگهایی میباشند که از ترکیب دو یا یک سری رنگ اصلی ایجاد کرد می گردند مانند سبز ، بنفش و نارنجی و.. مرتبه دیگری از رنگ نیز وجود دارد (رنگ های ثالث یا Tertiary) که از ترکیب رنگ های اساسی و رنگ های ثانوی بوجود می آیند.

در ذیل عکس چرخه رنگ (Color Wheel) را مشاهده می‌کنید. سیستم چرخه رنگ یکی‌از مبناهای انتخاب رنگ و ترکیب آن ها با یکدیگر محسوب می شود که در بخش ترکیبات رنگی بیشتر در ارتباط آن توضیح داده شد‌ه‌است.

اصطلاحات رایج در زمینه‌ی رنگ ها

· واژه هیو یا Hue به طور تقریب هم معنی رنگ هست

· سایه یا Shade به نسخه های تیره تر از هر Hue یا رنگ گفته می شود که بستگی به میزان رنگ سیاهی دارااست که به آن Hue اضافه میشود.

· سایه رنگ یا Tint نیز به نسخه های روشن تر هر Hue اطلاق میشود که با دقت به میزان رنگ سفید اضافه شده سنجیده می شود.

· تُن رنگ یا Tone نیز هنگامی ساخت می شود که به یک Hue هم سفید و مشکی اضافه خواهد شد تا افکت های متفاوتی رفتار گردد.در مفاهیم دیجیتال به تُن ، Saturation نیز گفته می شود که به معنی ارتعاش رنگ نیز می باشد.

بصورت کلی در طراحی دو نوع طرح رنگ استفاده می شود :

· RGB – Red , Green , Blue

· CMYK – Cyan , Magenta , Yellow , Key

برای اطلاعات بیشتر به مقاله فرمت های رنگی RGB و CMYK مراجعه نمایید.

معنا بعدی مغایرت رنگ یا Contrast است. Contrast در واقع مفهومی که به تمایز و وضوح یک عکس اشاره دارد. کُنتراست بالاتر به معنی تمایز بیشتر عنصر رنگی می‌باشد ( مانند متن قرمز‌رنگ در دور نما سفید) و کُنتراست پایین تر به معنی تمایز کمتر است (مانند متن آبی روشن در دور نما ای به رنگ آبی تیره)

گزینش طرح رنگ

حالا که اطلاعات اساس درخصوص رنگ را بدست آوردیم به‌این سوال می رسیم که چه رنگ هایی را برای ساخت سایت تعیین کنیم ؟ در اینجا دست اندرکاران مختلفی وجود دارااست که مایحتاج می‌باشد پیشین تعیین رنگ وبسایت به آن‌ها توجه نمایید :

در لحاظ بگیرید هدف و شعار اساسی اپلیکیشن ، تارنما ویا برند و نام تجاری شما چیست ؟

چه چیزی قرار هست در تارنما خود رائه دهید و انتظار چه عکس العملی دارید و یا انتظار برانگیخته شدن چه احساسی از طرف مخاطبان خود را دارید؟

از جمله چنانچه برند یا جنس شما یک جنس مربوط به اطراف زیست است، تُن های رنگ سبز و خاکی انتخاب مناسبی میتواند باشد.در‌صورتی‌که کالا شما شکلات می‌باشد ، سایه های مختلف رنگی مربوط به قهوه ای احتمالا اولی گزینه می‌باشد. هر زمینه کاری که مربوط به پرشکی و سلامت باشد بهتر در طراحی آن از سایه های سفید و آبی‌رنگ به همدم مقدار جزئی رنگ های قرمز، نارنجی یا سبز استفاده شود.

مخاطبان هدف شما چه افرادی میباشند ؟ سایه های صورتی و یاسی معمولا بهترین انتخاب رنگ برای ساخت وب سایت محصولات مربوط به دختران می باشد در حالیکه رنگ های قرمز ، سیاه ، آبی رنگ و قهوه ای بیشتر منجر جذب مردان میگردد.

آیا نماد تجاری (برند) یا کالا شما دارای ترکیب رنگ خاصی هست ؟ در‌صورتی‌که اینطور می باشد گاهی بهترین گزینه این است که رنگ های سایت نیز با تمرکز به رنگ برند و جنس تعیین خواهد شد مانند وب سایت کوکاکولا.

تمرکز مهم وبسایت شما قرار است روی محتوا باشد یا جلوه های گرافیکی ؟ در شرایطی که می خواهید عمده اعتنا کاربران به محتوای تارنما شما معطوف گردد شاید بهتر باشد از رنگ های طبیعی در طراحی سایت خود استفاده فرمائید.

هارمونی رنگ

روشی که ما رنگ ها را ادراک می‌کنیم بستگی به طرز به کار گیری آن ها داراست. روش ترکیبات رنگی (color schemes) مختلفی در هارمونی رنگ ها وجود دارد :

1- Analogous

این نوع طرح رنگ از ادغام یک رنگ اساسی به یار و همدم دو رنگی که در کنار آن در چرخه رنگ قراردارد ساخت می شود.در شرایطی که می خواهید 5 طرح رنگ داشته باشید می توانید رنگ های کنارِ رنگ های کناری را تعیین فرمایید. این ترکیب رنگ ها باعث به طراحی های روان تر و نرم تر به همپا کُنتراست (تضاد رنگ) کمتر می‌شود.

2- Monochromatic

در این روش یک رنگ محور انتخاب میگردد و رنگ های دیگر با استعمال از tint و Saturation گوناگون همان رنگ ساخت و ساز میگردد و ظاهری تر و تمیز و حرفه ای به طراحی سایت می دهد

3- Triadic

از این نوح طرح رنگ برای ایجاد کرد ترکیباتی با کُنتراست بالا سوای تغییر و تحول در تُن رنگ استعمال میشود.این ترکیب رنگ از طریق گزینش رنگ هایی که در چرخه رنگ در یک خط قرار بصورت مثلثی قرار دارا هستند به کارگیری می‌شد.

4- Complementary

این نوع طرح رنگ که از طریق ترکیب رنگ هایی که کاملا در مقابل هم در دایره یا چرخ رنگ قرار دارا هستند ساخت و ساز می شود ، بالاترین کنتراست را در ساخت وب سایت ساخت و ساز می کند که برای برجسته نشان دادن عناصر اساسی وب سایت حائز اهمیت می‌باشد.این روش مخلوط رنگ های مکمل گفته می گردد.

5- Split Complementary

این طرح از سه رنگ تشکیل می‌گردد ، یک رنگ مهم و دو رنگ کناری رنگ کامل کننده آن.این طرح ، ترکیبی ملایم تر و خنک تر از روش شماره 4 بوجود می آورد و تضادومغایرت رنگ را تا حدی کاهش می دهد.

انتخاب بهترین ترکیب رنگ برای طراحی وب

اینک که یک تصویر کلی از رنگ ها و چگونگی نمایش آن‌ها در صفحه ها کامپیوتر بدست آوردیم و کم و بیش متوجه شدیم افراد رنگ ها را چگونه میبینند زمان آن رسیده تا از این موردها به کارگیری کرده و بهترین ترکیب رنگ برای وبسایت خود را انتخاب نماییم.

با اینحال و با تک تک مورد ها اورده شده می بایست یاد آور شویم که مبحث رنگ در ساخت وب سایت مبحثی مربوط به هنر و زیبایی شناسی می‌باشد.هرچقدر هم که به محاسبه رنگ ها و طریق ادغام آنان نگاه علمی داشته باشیم باز هم همواره جایی برای ابداع و مخلوط رنگ های خلاقانه وجود دارد.البته نکته مهم این می‌باشد که هارمونی رنگ ها به شیوه نمایش تارنما و همچنین برند شما صدمه نزند.استارت از تعدادی رنگ محدود شروع فرمایید و در صورت نیاز به‌این رنگ ها اضافه کنید ، البته توجه داشته باشید افراط در به کار گیری از رنگ های متعدد هنگام طراحی سایت ممکن است منجر ساخت‌و‌ساز شم نارضایتی در مخاطبان شود.

همچنین مورد نیاز می‌باشد هارمونی رنگ ها را به صورت کلی تارنما رعایت نمائید و در کل وب سایت قوانین نخستین را در نظر بگیرید.به عنوان مثال در شرایطی که یک دکمه درخواست عمل یا CTA مانند دکمه "اضافه به سبد خرید" در برگه اولیه وب سایت خود دارید باید هارمونی رنگ مربوط به این دکمه خاص به طور کلی صفحه ها یکسان باشد.مثلا اگر از رنگ سبز تیره برای آن به کار گیری کرده اید نباید در صفحات دیگر دکمه "اضافه به سبد خرید" شما به رنگ دیگری باشد. یا در صورتی از رنگ صورتی برای "پیشنهاد ویژه" در صفحه اول سایت خود به کارگیری کرده اید همین ترکیب رنگ برای آحاد دکمه های "سفارش ویژه" در صفحه های دیگر وبسایت رعایت کنید.

بخاطر داشته باشید که از هر روش و متدی که برای ترکیب رنگ در طراحی سایت استفاده می کنید ، در نهایت بایستی هدف اصلی شما تاثیر بر کاربر باشد. شاید ترکیب رنگی از دید خودتان خوب به نظر نرسد البته مورد نیاز نیست به طبع شما از ادغام رنگ وب سایتتان خوشتان بیاید بلکه هدف اصلی مخاطبان و بازدیدکنندگان تارنما شما میباشند هرچند چنانچه قوائد ذکر شده در مطالب بالا را رعایت فرمائید مطمئنا از مسیر صحیح و علمی تعیین رنگ وب سایت گمراه نخواهید شد.

نوشته ی علمی روانشانسی رنگ در طراحی وب سایت را مطالعه فرمائید تا رویت کرد جامع تری از تاثیر رنگ ها بر افراد متعدد بدست آورید

نکات نقطه نهایی در تعیین رنگ های مناسب هنگام طراحی وب سایت :

1- خانم ها : صورتی ؛ آبی‌رنگ و سبز

در صورتیکه وب سایتی طراحی می‌کنید که قرار می باشد با خانم ها سرو فعالیت داشته باشد حتی فکر به کارگیری از رنگ های خاکستری و قهوه ای را از سرتان بیرون فرمایید. طبق تحقیقات 35% خانم ها آبی رنگ را رنگ گزینه علاقه شان عنوان کرده اند ، 23% شیفته رنگ ارغوانی میباشند و 14% نیز رنگ سبز را دوست دارند. جالب می‌باشد بدانید 33% خانم ها از رنگ نارنجی بدشان می آید ، 33% رنگ قهوه ای و 17% هم رنگ خاکستری را دوست ندارند.

بدین ترتیب استعمال از رنگ های آبی رنگ ، سبز و ارغوانی تعیین زیرکانه ای در ساخت سایت اختصاصی بانوان خواهد بود.

2- مردها نیز با زن ها نقاط مشترکی دارا‌هستند زیرا آقایان نیز شیفته رنگ های آبی و سبز هستند.

در صورتی‌که طراحی سایت خود را برای آقایان جاری ساختن می دهید از رنگ های قهوه ای ، ارغوانی و نارنجی تیره استقاده نکنید.مردان رنگ های آبی‌رنگ ، سبز و سیاه را بیشتر ترجیح می دهند.

3- هم مردان و هم زنان رنگ آبی رنگ را دوست دارا‌هستند

اثرات روانشناسی زیادی پشت رنگ آبی وجود دارد که موجب ساخت احساس آرامش و متکی بودن میگردد.رنگ آبی نماد صلح و وفاداری است.

شبکه اجتماعی فیسبوک و بسیار از بانک های غالب فقیه از این رنگ جهت جلب اعتماد مشتریان خود استفاده کرده اند.

به خیال داشته باشید در باب سایت هایی که در امر خوردنی ها می‌باشد رنگ آبی رنگ را کنار نهاده و از آن استفاده نکنید زیرا تحقیقات علامت داده رنگ آبی موجب کم شدن اشتها و کم شدن عشق افراد به خوراکی ها میشود.

4- چه زمانی از زردرنگ به کار گیری کنیم ؟

رنگ زرد را ما معمولا در تابلوهای ارشادوراهنمایی و رانندگی و اعلانات خطر میبینیم ، بنابراین زرد رنگ نمادی از اخطار می باشد. با اینحال برند هایی هم با زرد وجود دارند که سرگرمی و پر نمک را نشان می دهند.

بهرحال واقعیت این می‌باشد که اما و در‌صورتی‌که های زیادی در به کارگیری از زردرنگ هنگام طراحی وب سایت وجود دارد بدین ترتیب ما یحتاج می‌باشد در صورت به کارگیری از این رنگ آن را به طور محدود و بسیار کم در سایت قرار دهید.

5- درباره رنگ سبز

رنگ سبز آرم طبیعت ، آب و هوا ، گوشه و کنار زیست و کارهای سوا خانه می باشد.

6- نارنجی برای ساخت هیجان

رنگ نارنجی نیز از آن دسته رنگ هایی هست که هنگام استفاده از آن می بایست دقت های مایحتاج را بکار گیرید ، هارمونی رنگ های نارنجی به طوری است که به راحتی با هر رنگی ست نمیشود ، اما خبر خوب این است که نارنجی رنگ مکمل آبی رنگ در چرخ رنگ محسوب می شود و می توان در کنار آبی از آن به کار گرفت. نارنجی در طراحی سایت باعث ساخت هیجان ، انگیزش و ساخت و ساز خود باوری و ترغیب به عمل فیزیکی می شود.بسیاری از برندهای ورزشی و تولید ها خردسالان از این رنگ به کارگیری می کنند.

رنگ های متفاوت می‌توانند احساسات مختلفی را نیز پدید آورند.با دیدن بعضی از رنگ ها شم وقار می کنیم و دیدن برخی دیگر طراحی سایت احساس هیجان را به ما منتقل می کند. حتی رنگ ها می توانند در شور یا غمگین کردن ما تاثیر داشته باشند.به این ترتیب گزینش رنگ در مواردی که قصد داریم بهترین تاثیر را بر کاربر خود گذاشته یا بهترین موقعیت را از خود نمایش دهیم مداقه زیادی پیدا می کند. یکی این موردها گزینش رنگ مناسب برای طراحی سایت می‌باشد.

اما دقت به این نکته ضروری می‌باشد که تمامی اشخاص به یک اندازه پایین تاثیر رنگ ها قرار نمی گیرند یا فرایند تاثیر رنگ در مواردی مانند طراحی وب به گونه ای نیست که سبب ساز معجزه در ترغیب مخاطب یا دستکاری ذهن افراد گردد.فعالیت های ذهن بسیار بغرنج تر از آن است که از طریق تعدادی رنگ خاص بتوان آن را مبتلا تغییرات اساسی کرد. البته مورد اینجاست که تاثیر رنگ ها بر ایجاد انواع احساسات امری ثابت شده است و احساسات نیز بصورت ناخوادگاه در تصمیم گیری افراد اثر گذار می‌باشد.اینکه شخصی طراحی وب سایت شمارا دوست داشته باشد یا نه قادر است روی میزان احتمال تمایل به همکاری با شما تاثیر بگذارد هرچند این تاثیر ممکن می‌باشد در بعضا افراد بسیار ناچیز باشد با این اکنون در نظر نگرفتن همین تاثیر اندک نیز کاری غلط هست.

انتخاب رنگ مناسب در ساخت سایت قادر است روی کارکرد آن و بر روی شناسایی برند و نام تجاری تاثیر بدون واسطه داشته باشد. کافی می باشد به وبسایت های فیسبوک (رنگ آبی رنگ ) ، کوکاکولا (رنگ قرمز‌رنگ) ویا تارنما شرکت اپل (رنگ سفید و سیاه) نگاهی بیاندازید تا متوجه سرمایه گذاری این شرکت روی برندسازی و استحکام نام تجاری از طریق طرز تعیین و بکارگیری رنگ در ساخت وب سایت شوید.

گزینش رنگ مناسب هنگام طراحی وب سایت تاثیر بسیار زیادی روی نحوه خوانده شدن اطلاعات و محتوای آن نیز داراست و از این رو نباید از آن غافل گشت

اطلاعات شالوده در امر رنگ

در ابتدا اجازه دهید یه خرده درباره‌ی رنگ و خصوصیات آن سخن کنیم. کلیه ما رنگ های مهم (Primary) و رنگ های ثانوی (Secondary) را می شناسیم.رنگ های قرمز ، آبی رنگ و رنگ زرد های مهم محسوب می‌شوند و رنگ های ثانوی نیز رنگهایی میباشند که از ترکیب دو یا یک سری رنگ اصلی ایجاد کرد می گردند مانند سبز ، بنفش و نارنجی و.. مرتبه دیگری از رنگ نیز وجود دارد (رنگ های ثالث یا Tertiary) که از ترکیب رنگ های اساسی و رنگ های ثانوی بوجود می آیند.

در ذیل عکس چرخه رنگ (Color Wheel) را مشاهده می‌کنید. سیستم چرخه رنگ یکی‌از مبناهای انتخاب رنگ و ترکیب آن ها با یکدیگر محسوب می شود که در بخش ترکیبات رنگی بیشتر در ارتباط آن توضیح داده شد‌ه‌است.

اصطلاحات رایج در زمینه‌ی رنگ ها

· واژه هیو یا Hue به طور تقریب هم معنی رنگ هست

· سایه یا Shade به نسخه های تیره تر از هر Hue یا رنگ گفته می شود که بستگی به میزان رنگ سیاهی دارااست که به آن Hue اضافه میشود.

· سایه رنگ یا Tint نیز به نسخه های روشن تر هر Hue اطلاق میشود که با دقت به میزان رنگ سفید اضافه شده سنجیده می شود.

· تُن رنگ یا Tone نیز هنگامی ساخت می شود که به یک Hue هم سفید و مشکی اضافه خواهد شد تا افکت های متفاوتی رفتار گردد.در مفاهیم دیجیتال به تُن ، Saturation نیز گفته می شود که به معنی ارتعاش رنگ نیز می باشد.

بصورت کلی در طراحی دو نوع طرح رنگ استفاده می شود :

· RGB – Red , Green , Blue

· CMYK – Cyan , Magenta , Yellow , Key

برای اطلاعات بیشتر به مقاله فرمت های رنگی RGB و CMYK مراجعه نمایید.

معنا بعدی مغایرت رنگ یا Contrast است. Contrast در واقع مفهومی که به تمایز و وضوح یک عکس اشاره دارد. کُنتراست بالاتر به معنی تمایز بیشتر عنصر رنگی می‌باشد ( مانند متن قرمز‌رنگ در دور نما سفید) و کُنتراست پایین تر به معنی تمایز کمتر است (مانند متن آبی روشن در دور نما ای به رنگ آبی تیره)

گزینش طرح رنگ

حالا که اطلاعات اساس درخصوص رنگ را بدست آوردیم به‌این سوال می رسیم که چه رنگ هایی را برای ساخت سایت تعیین کنیم ؟ در اینجا دست اندرکاران مختلفی وجود دارااست که مایحتاج می‌باشد پیشین تعیین رنگ وبسایت به آن‌ها توجه نمایید :

در لحاظ بگیرید هدف و شعار اساسی اپلیکیشن ، تارنما ویا برند و نام تجاری شما چیست ؟

چه چیزی قرار هست در تارنما خود رائه دهید و انتظار چه عکس العملی دارید و یا انتظار برانگیخته شدن چه احساسی از طرف مخاطبان خود را دارید؟

از جمله چنانچه برند یا جنس شما یک جنس مربوط به اطراف زیست است، تُن های رنگ سبز و خاکی انتخاب مناسبی میتواند باشد.در‌صورتی‌که کالا شما شکلات می‌باشد ، سایه های مختلف رنگی مربوط به قهوه ای احتمالا اولی گزینه می‌باشد. هر زمینه کاری که مربوط به پرشکی و سلامت باشد بهتر در طراحی آن از سایه های سفید و آبی‌رنگ به همدم مقدار جزئی رنگ های قرمز، نارنجی یا سبز استفاده شود.

مخاطبان هدف شما چه افرادی میباشند ؟ سایه های صورتی و یاسی معمولا بهترین انتخاب رنگ برای ساخت وب سایت محصولات مربوط به دختران می باشد در حالیکه رنگ های قرمز ، سیاه ، آبی رنگ و قهوه ای بیشتر منجر جذب مردان میگردد.

آیا نماد تجاری (برند) یا کالا شما دارای ترکیب رنگ خاصی هست ؟ در‌صورتی‌که اینطور می باشد گاهی بهترین گزینه این است که رنگ های سایت نیز با تمرکز به رنگ برند و جنس تعیین خواهد شد مانند وب سایت کوکاکولا.

تمرکز مهم وبسایت شما قرار است روی محتوا باشد یا جلوه های گرافیکی ؟ در شرایطی که می خواهید عمده اعتنا کاربران به محتوای تارنما شما معطوف گردد شاید بهتر باشد از رنگ های طبیعی در طراحی سایت خود استفاده فرمائید.

هارمونی رنگ

روشی که ما رنگ ها را ادراک می‌کنیم بستگی به طرز به کار گیری آن ها داراست. روش ترکیبات رنگی (color schemes) مختلفی در هارمونی رنگ ها وجود دارد :

1- Analogous

این نوع طرح رنگ از ادغام یک رنگ اساسی به یار و همدم دو رنگی که در کنار آن در چرخه رنگ قراردارد ساخت می شود.در شرایطی که می خواهید 5 طرح رنگ داشته باشید می توانید رنگ های کنارِ رنگ های کناری را تعیین فرمایید. این ترکیب رنگ ها باعث به طراحی های روان تر و نرم تر به همپا کُنتراست (تضاد رنگ) کمتر می‌شود.

2- Monochromatic

در این روش یک رنگ محور انتخاب میگردد و رنگ های دیگر با استعمال از tint و Saturation گوناگون همان رنگ ساخت و ساز میگردد و ظاهری تر و تمیز و حرفه ای به طراحی سایت می دهد

3- Triadic

از این نوح طرح رنگ برای ایجاد کرد ترکیباتی با کُنتراست بالا سوای تغییر و تحول در تُن رنگ استعمال میشود.این ترکیب رنگ از طریق گزینش رنگ هایی که در چرخه رنگ در یک خط قرار بصورت مثلثی قرار دارا هستند به کارگیری می‌شد.

4- Complementary

این نوع طرح رنگ که از طریق ترکیب رنگ هایی که کاملا در مقابل هم در دایره یا چرخ رنگ قرار دارا هستند ساخت و ساز می شود ، بالاترین کنتراست را در ساخت وب سایت ساخت و ساز می کند که برای برجسته نشان دادن عناصر اساسی وب سایت حائز اهمیت می‌باشد.این روش مخلوط رنگ های مکمل گفته می گردد.

5- Split Complementary

این طرح از سه رنگ تشکیل می‌گردد ، یک رنگ مهم و دو رنگ کناری رنگ کامل کننده آن.این طرح ، ترکیبی ملایم تر و خنک تر از روش شماره 4 بوجود می آورد و تضادومغایرت رنگ را تا حدی کاهش می دهد.

انتخاب بهترین ترکیب رنگ برای طراحی وب

اینک که یک تصویر کلی از رنگ ها و چگونگی نمایش آن‌ها در صفحه ها کامپیوتر بدست آوردیم و کم و بیش متوجه شدیم افراد رنگ ها را چگونه میبینند زمان آن رسیده تا از این موردها به کارگیری کرده و بهترین ترکیب رنگ برای وبسایت خود را انتخاب نماییم.

با اینحال و با تک تک مورد ها اورده شده می بایست یاد آور شویم که مبحث رنگ در ساخت وب سایت مبحثی مربوط به هنر و زیبایی شناسی می‌باشد.هرچقدر هم که به محاسبه رنگ ها و طریق ادغام آنان نگاه علمی داشته باشیم باز هم همواره جایی برای ابداع و مخلوط رنگ های خلاقانه وجود دارد.البته نکته مهم این می‌باشد که هارمونی رنگ ها به شیوه نمایش تارنما و همچنین برند شما صدمه نزند.استارت از تعدادی رنگ محدود شروع فرمایید و در صورت نیاز به‌این رنگ ها اضافه کنید ، البته توجه داشته باشید افراط در به کار گیری از رنگ های متعدد هنگام طراحی سایت ممکن است منجر ساخت‌و‌ساز شم نارضایتی در مخاطبان شود.

همچنین مورد نیاز می‌باشد هارمونی رنگ ها را به صورت کلی تارنما رعایت نمائید و در کل وب سایت قوانین نخستین را در نظر بگیرید.به عنوان مثال در شرایطی که یک دکمه درخواست عمل یا CTA مانند دکمه "اضافه به سبد خرید" در برگه اولیه وب سایت خود دارید باید هارمونی رنگ مربوط به این دکمه خاص به طور کلی صفحه ها یکسان باشد.مثلا اگر از رنگ سبز تیره برای آن به کار گیری کرده اید نباید در صفحات دیگر دکمه "اضافه به سبد خرید" شما به رنگ دیگری باشد. یا در صورتی از رنگ صورتی برای "پیشنهاد ویژه" در صفحه اول سایت خود به کارگیری کرده اید همین ترکیب رنگ برای آحاد دکمه های "سفارش ویژه" در صفحه های دیگر وبسایت رعایت کنید.

بخاطر داشته باشید که از هر روش و متدی که برای ترکیب رنگ در طراحی سایت استفاده می کنید ، در نهایت بایستی هدف اصلی شما تاثیر بر کاربر باشد. شاید ترکیب رنگی از دید خودتان خوب به نظر نرسد البته مورد نیاز نیست به طبع شما از ادغام رنگ وب سایتتان خوشتان بیاید بلکه هدف اصلی مخاطبان و بازدیدکنندگان تارنما شما میباشند هرچند چنانچه قوائد ذکر شده در مطالب بالا را رعایت فرمائید مطمئنا از مسیر صحیح و علمی تعیین رنگ وب سایت گمراه نخواهید شد.

نوشته ی علمی روانشانسی رنگ در طراحی وب سایت را مطالعه فرمائید تا رویت کرد جامع تری از تاثیر رنگ ها بر افراد متعدد بدست آورید

نکات نقطه نهایی در تعیین رنگ های مناسب هنگام طراحی وب سایت :

1- خانم ها : صورتی ؛ آبی‌رنگ و سبز

در صورتیکه وب سایتی طراحی می‌کنید که قرار می باشد با خانم ها سرو فعالیت داشته باشد حتی فکر به کارگیری از رنگ های خاکستری و قهوه ای را از سرتان بیرون فرمایید. طبق تحقیقات 35% خانم ها آبی رنگ را رنگ گزینه علاقه شان عنوان کرده اند ، 23% شیفته رنگ ارغوانی میباشند و 14% نیز رنگ سبز را دوست دارند. جالب می‌باشد بدانید 33% خانم ها از رنگ نارنجی بدشان می آید ، 33% رنگ قهوه ای و 17% هم رنگ خاکستری را دوست ندارند.

بدین ترتیب استعمال از رنگ های آبی رنگ ، سبز و ارغوانی تعیین زیرکانه ای در ساخت سایت اختصاصی بانوان خواهد بود.

2- مردها نیز با زن ها نقاط مشترکی دارا‌هستند زیرا آقایان نیز شیفته رنگ های آبی و سبز هستند.

در صورتی‌که طراحی سایت خود را برای آقایان جاری ساختن می دهید از رنگ های قهوه ای ، ارغوانی و نارنجی تیره استقاده نکنید.مردان رنگ های آبی‌رنگ ، سبز و سیاه را بیشتر ترجیح می دهند.

3- هم مردان و هم زنان رنگ آبی رنگ را دوست دارا‌هستند

اثرات روانشناسی زیادی پشت رنگ آبی وجود دارد که موجب ساخت احساس آرامش و متکی بودن میگردد.رنگ آبی نماد صلح و وفاداری است.

شبکه اجتماعی فیسبوک و بسیار از بانک های غالب فقیه از این رنگ جهت جلب اعتماد مشتریان خود استفاده کرده اند.

به خیال داشته باشید در باب سایت هایی که در امر خوردنی ها می‌باشد رنگ آبی رنگ را کنار نهاده و از آن استفاده نکنید زیرا تحقیقات علامت داده رنگ آبی موجب کم شدن اشتها و کم شدن عشق افراد به خوراکی ها میشود.

4- چه زمانی از زردرنگ به کار گیری کنیم ؟

رنگ زرد را ما معمولا در تابلوهای ارشادوراهنمایی و رانندگی و اعلانات خطر میبینیم ، بنابراین زرد رنگ نمادی از اخطار می باشد. با اینحال برند هایی هم با زرد وجود دارند که سرگرمی و پر نمک را نشان می دهند.

بهرحال واقعیت این می‌باشد که اما و در‌صورتی‌که های زیادی در به کارگیری از زردرنگ هنگام طراحی وب سایت وجود دارد بدین ترتیب ما یحتاج می‌باشد در صورت به کارگیری از این رنگ آن را به طور محدود و بسیار کم در سایت قرار دهید.

5- درباره رنگ سبز

رنگ سبز آرم طبیعت ، آب و هوا ، گوشه و کنار زیست و کارهای سوا خانه می باشد.

6- نارنجی برای ساخت هیجان

رنگ نارنجی نیز از آن دسته رنگ هایی هست که هنگام استفاده از آن می بایست دقت های مایحتاج را بکار گیرید ، هارمونی رنگ های نارنجی به طوری است که به راحتی با هر رنگی ست نمیشود ، اما خبر خوب این است که نارنجی رنگ مکمل آبی رنگ در چرخ رنگ محسوب می شود و می توان در کنار آبی از آن به کار گرفت. نارنجی در طراحی سایت باعث ساخت هیجان ، انگیزش و ساخت و ساز خود باوری و ترغیب به عمل فیزیکی می شود.بسیاری از برندهای ورزشی و تولید ها خردسالان از این رنگ به کارگیری می کنند.